@extends('web.layouts.app')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/index.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/ucenter.css')}}">
    <style type="text/css">
    .error{color:red;};
    </style>
@endsection

@section('content')
   <div class="Retrieve-passwordBox" >
	<div class="Retrieve-password">
		<div class="title" style=";">找回密码</div>
		<!-- <div class="1">
			<div class="state"><img style="width:629px;height:81px;" src="{{asset('resources/web/images/Retrieve-password1.png')}}"></div>
			<div class="Retrieve-password-infor">
				<form method="post" action="" class='form-validation'>
					<dl>
						<dd><label>手机号：<input id="phone_number" name="phone_number" type="text" class="text" data-rule-required="true" data-msg-required="*必须填写手机号"  placeholder="请填写用户手机号码" data-rule-pattern="0?(13|14|15|18)[0-9]{9}"
                               data-msg-pattern="*手机号码格式不正确,或者号段不支持"/></label></dd>
						<dd><label><input type="submit" class="button" value="获取验证码" /></label></dd>
					</dl>
				</form>
			</div>
		</div> -->
		
		<div class="2">
			<div class="state"><img style="width:629px;height:81px;" src="{{asset('resources/web/images/Retrieve-password2.png')}}"></div>
			<div class="Retrieve-password-infor">
				<form method="get" action="{{ action('Auth\AuthController@checkPhoneCode') }}">
				{{ csrf_field() }}
					<dl>
						<dd><label>手机号：<span class="phonenumber">{{$phoneNumber}}</span></label></dd>
						<dd><label>验证码：<input data-rule-required="true" name="code" maxlength="10" class="text" placeholder="请输入验证码" /></label></dd>
						<dd><label><input type="submit" class="button" value="下一步" /></label></dd>
					</dl>
				</form>
			</div>
		</div>
		<!-- <div class="3">
			<div class="state"><img style="width:629px;height:81px;" src="{{asset('resources/web/images/Retrieve-password3.png')}}"></div>
			<div class="Retrieve-password-infor">
				<form>
					<dl>
						<dd><label>新的密码：<input type="password" class="text" placeholder="请设置行的登录密码" /></label></dd>
						<dd><label>确认密码：<input type="text" class="text" placeholder="请确认登录密码" /></label></dd>
						<dd><label><input type="submit" class="button" value="确认提交" /></label></dd>
					</dl>
				</form>
			</div>
		</div> -->
		
	</div>
</div>
@endsection

@section('scripts')
<script src="{{ asset('resources/web/js/index.js') }}"></script>
<script type="text/javascript" src="{{ asset('resources/web/js/jquery.min.js') }}"></script>
<script type="text/javascript"
		src="{{ asset('resources/web/plugins/jquery.validate/jquery.validate.min.js') }}"></script>
<script type="text/javascript"
		src="{{ asset('resources/web/plugins/jquery.validate/additional-methods.min.js') }}"></script>
<script src="{{ asset('resources/web/plugins/jquery.validate/localization/messages_zh.js') }}"></script>
<script type="text/javascript">
	// function newgdcode(obj, url) {
	// 	obj.src = url + '?nowtime=' + new Date().getTime();
	// }
	$(function () {
		$('form.form-validation').validate({
			errorElement: 'div',
			errorPlacement: function (error, element) {
				error.addClass('help-block error-tips').appendTo(element.parent().parent());
			},
			success: function (label, element) {
				label.remove();
			}
		});
		$('input').focus(function(){
			$('.error_messages').remove();
		});
	});

</script>
@endsection